<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>系统文件管理</title>
    <jsp:include page="/resources/inc/head.jsp"/>
</head>
<body>
<div id="main">
    <div id="toolbar">
        <a class="waves-effect waves-button" href="${basePath}/manage/oss/file/personal/index">
            <i class="zmdi zmdi-long-arrow-left"></i>返回
        </a>
    </div>
    <table id="table" class="table table-bordered table-hover table-striped"
           style="word-break:break-all;"></table>
</div>
<jsp:include page="/resources/inc/footer.jsp"/>
<script>
    var userId = ${userId};
    var $table = $('#table');
    $(function () {
        // bootstrap table初始化
        $table.bootstrapTable({
            url: '${basePath}/manage/oss/file/personal/shareFileList',
            height: getHeight(),
            striped: true,//隔行变色
            search: true,
            showRefresh: true,
            showColumns: true,//是否显示 内容列下拉框
            minimumCountColumns: 2,//当列数小于此值时，将隐藏内容列下拉框
            clickToSelect: true,//设置true 将在点击行时，自动选择rediobox 和 checkbox
            detailView: true,//设置为 true 可以显示详细页面模式。
            detailFormatter: 'detailFormatter',//格式化详细页面模式的视图。
            pagination: true,//设置为 true 会在表格底部显示分页条
            paginationLoop: false,//设置为 true 启用分页条无限循环的功能。
            sidePagination: 'server',
            silentSort: false,//设置为 false 将在点击分页按钮时，自动记住排序项。仅在 sidePagination设置为 server时生效.
            smartDisplay: false,//True to display pagination or card view smartly.
            escape: true,//转义HTML字符串，替换 &, <, >, ", `, 和 ' 字符.
            searchOnEnterKey: true,//设置为 true时，按回车触发搜索方法，否则自动触发搜索方法
            idField: 'id',//指定主键列
            maintainSelected: true,//设置为 true 在点击分页按钮或搜索按钮时，将记住checkbox的选择项
            toolbar: '#toolbar',
            queryParamsType: "",
            queryParams: function (params) {
                params.userId = userId;
                return params;
            },
            columns: [
                {field: 'ck', checkbox: true},
                {
                    field: 'filename', title: '文件名', width: "35%",
                    formatter: function (value, row, index) {
                        var filename = row.filename;
                        var url = row.url;
                        return '<a href="' + url + '?attachment=' + filename + '">' +
                                '<img src="${basePath}/resources/manage/image/file.png" style="margin-bottom: 3px;">' +
                                filename + '</a>';
                    }
                },
                {
                    field: 'realname', title: '分享用户',
                },
                {
                    field: 'size', title: '文件大小', align: 'center', width: "10%",
                    formatter: function (value, row, index) {
                        var size = row.size;
                        return sizeFormat(size);
                    }
                },
                {
                    field: 'ctime',
                    title: '创建时间',
                    align: 'center',
                    sortable: true,
                    width: "20%",
                    formatter: 'timeFormatter'
                },
                {
                    field: 'action',
                    title: '操作',
                    align: 'center',
                    formatter: 'actionFormatter',
                    events: 'actionEvents',
                    clickToSelect: false
                }
            ]
        });
    });
    // 格式化操作按钮
    function actionFormatter(value, row, index) {
        return "";
    }
</script>
</body>
</html>